.warnContainer
    width: 100%
    height 100%
    padding: 20px 27px 75px 32px
    overflow-y: auto
    overflow-x: hidden
    background-color #fff
    .warnTop
       width: 100%
       padding-bottom: 20px
       border-bottom: 1px solid #e9ebed
       display: flex
       align-items: center
       margin-bottom: 22px
       button 
         margin-right: 2%
       p  
         color: #9ba2ab
         font-size: 14px
    .warnBottom
         width: 100%
         display: none
         .warnBox
             width: 100%
             margin-bottom: 2%
             h4
               color: #30383e
               font-size: 14px
               margin-bottom: 20px
             .warnItem  
               width: 100%
               margin-left: 40px
               display: flex
               flex-direction: row
               align-items: center
               margin-bottom: 1%
               .label
                   display: flex
                   justify-content: flex-end
                   margin-right: 40px!important
                   span 
                   color: #30383e
                   white-space: nowrap!important
               .calendar   
                   display: flex
                   flex-direction: row
                   align-items: center
               .add
                   width: 100%
                   display: flex
                   flex-direction: column
                   padding-right: 44px
                   .addTop
                       display: flex
                       flex-direction: row
                       align-items: baseline
                   .submit   
                       display: flex
                       flex-direction: row
                   .addBottom
                        width 100%
                        height: 58px
                        border 1px solid #c9cfda
                        border-radius 2px      
                        padding 10px 0 10px 11px
                        margin-top: 1%
                        display: flex
                        flex-direction: row
                        button
                          padding: 10px 20px
                          background-color #ebecee
                          border-radius: 2px
                          border: none
                          margin-right: 10px
                          display: flex
                          flex-direction: row
                          white-space: nowrap
                          justify-content: center
                          align-items: center
                          color: #30383e
                          &:active
                              border: none
               .options 
                    display: flex
                    flex-direction: row     
                    justify-content: flex-start    
                    .ant-checkbox-wrapper
                        margin-right: 50px
                        .ant-checkbox
                            margin-right: 5px
      .ant-input-group .ant-input
            border-right: none
      .ant-input-group-addon
           background-color: #fff!important    
      .ant-radio-checked .ant-radio-inner         
           border-color #5286ff!important
      .ant-radio-checked:after
           border: 1px solid #5286ff!important
      .ant-radio-inner:after   
           background-color #5286ff!important
             
               

